<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript">

     function grabar(){
        
               var txtMeta=document.getElementById("txtMeta").value;
               var txtCantidad=document.getElementById("txtCantidad").value;
               //var cboTipo=document.getElementById("cboTipo").value;
              var cboTipo=document.getElementById("cboTipo").value;

               var codPrograma=document.getElementById("codPrograma").value;
               var opcion=document.getElementById("opcion").value;
               var codUpdate=document.getElementById("codUpdate").value;
             
                var idDiv = "divTabla";
                var metodo = "GET";
                
                var url = "consultasAjax/listarProgEstrCMAjax.jsp?txtMeta="+txtMeta+"&txtCantidad="+txtCantidad+"&cboTipo="+cboTipo+"&codPrograma="+codPrograma+"&opcion="+opcion+"&codUpdate="+codUpdate;
                var cadenaSalida = "";
                var async = true;
               
               
                document.getElementById(idDiv).innerHTML;                
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);                
                document.getElementById("Insertar").value="Grabar";

               

        setControls();
               
     }


     function listar(){

               var txtMeta="";
               var txtCantidad=0;
               //var cboTipo=document.getElementById("cboTipo").value;
              var cboTipo=0;

               var codPrograma=document.getElementById("codPrograma").value;
               var opcion=0;
               var codUpdate=0;

                var idDiv = "divTabla";
                var metodo = "GET";

                var url = "consultasAjax/listarProgEstrCMAjax.jsp?txtMeta="+txtMeta+"&txtCantidad="+txtCantidad+"&cboTipo="+cboTipo+"&codPrograma="+codPrograma+"&opcion="+opcion+"&codUpdate="+codUpdate;
                var cadenaSalida = "";
                var async = true;


                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
                document.getElementById("Insertar").value="Grabar";



        setControls();

     }

    function editar(CodUpdate,DESC_META,CANT_META,TIPO_META){
   // alert(CODPRG);

        document.getElementById("Insertar").value="Editar";

        document.getElementById("txtMeta").value=DESC_META;
        document.getElementById("txtCantidad").value=CANT_META;
        document.getElementById("cboTipo").value=TIPO_META;
        document.getElementById("codUpdate").value=CodUpdate;
        document.getElementById("opcion").value=2;

    }
    function eliminar(CODPRG){

        document.getElementById("txtMeta").value="";
        document.getElementById("txtCantidad").value=0;
       // document.getElementById("cboTipo").value=-1;
        document.getElementById("codUpdate").value=CODPRG;
        document.getElementById("opcion").value=3;
        grabar();

    }

    function validar(){

       if (document.getElementById("txtMeta").value=="" ||document.getElementById("txtMeta").value==null)
        {
            document.getElementById("txtMeta").focus();
            alert("Ingrese Meta ");
            return;
        }

        if (document.getElementById("txtCantidad").value=="" ||document.getElementById("txtCantidad").value==null)
        {
            alert("Ingrese Cantidad ");
            document.getElementById("txtCantidad").focus();
            return;
        }

       if (document.getElementById("cboTipo").value==-1 )
        {
            document.getElementById("cboTipo").focus();
            alert("Seleccione Tipo ");
            return;
        }
        
        grabar();
        
    }

    function setControls(){

        document.getElementById("txtMeta").value="";
        document.getElementById("txtCantidad").value="";
        document.getElementById("cboTipo").value=-1;
        document.getElementById("codUpdate").value=0;
        document.getElementById("opcion").value=1;

    }


       function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }


     function meta(codmeta,descMeta){
           var descPrograma=document.getElementById("titu_programa");
           var form = document.getElementById("ProgEstrForm");
            //form.codObj.value = codigo;
            //form.descObj.value = desc;
            form.action="ProgEstra.do?dispatch=loadFinMeta&codmeta="+codmeta+"&descMeta="+descMeta+"&descPrograma="+descPrograma;

            form.method="post";
            form.submit();
     }

     function setCbo(){

         var cboTipo=document.getElementById("cboTipo").value;
         
         document.getElementById("hidCbo").value=cboTipo;
         
     }

function eventoSoloNumeros(){
	var key = event.keyCode;
	if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
		event.returnValue = true;
	else
		event.returnValue = false;
  }
     function regresar(){
         var form = document.getElementById("ProgEstrForm");
         var codigo=document.getElementById("codPrograma").value;
         var desc=document.getElementById("titu_programa").value;
         var pk=document.getElementById("pk").value;
         form.action="ProgEstra.do?dispatch=loadComponentes&cod="+codigo+"&desc="+desc+"&codPrograma="+pk;

        form.submit();

    }


</script>
<html >
 <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/calendar.css" rel="stylesheet" type="text/css" />
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <title>JSP Page</title>
    </head>


    <body onload="listar()"> <!--action="ProgEstra.do?dispatch=loadFinMeta" styleId="ProgEstrForm"-->

        <center>
            <h1>Meta de Componente</h1>
        </center>
     <html:form action="ProgEstra.do?dispatch=loadComponenteMeta" styleId="ProgEstrForm">

        <html:hidden property="codPrograma" styleId="codPrograma" />
        <html:hidden property="metaFin" styleId="metaFin" />
        <html:hidden property="titu_programa" styleId="titu_programa" />
           <html:hidden property="pk" styleId="pk" />
        <input type="hidden" id="hidCbo" value="">
        <input type="hidden" id="opcion" value="1">
        <input type="hidden" id="codUpdate" value="0">
        <table>
            <tr>
                 <td>
                     Nombre de Programa
                </td>
                <td>
                    <html:text property="titu_programa" styleId="titu_programa" readonly="true" />
                </td>
            </tr>
            <tr>
                 <td>
                     Componente
                </td>
                <td>
                    <html:text property="metaFin" styleId="metaFin" readonly="true"  />
                </td>
            </tr>
        </table>
        
        
            <table border="1"  align="center">
                  <tr>
                    <td>Meta</td>
                    <td><input type="text" name="txtMeta" id="txtMeta" /></td>
                  </tr>
                  <tr>
                    <td>Cantidad</td>
                    <td><input type="text" name="txtCantidad" id="txtCantidad" onkeypress="eventoSoloNumeros();"  maxlength="10" /></td>
                  </tr>
                  <tr>
                    <td>UM</td>
                    <td>
                        <select name="cboTipo" Id="cboTipo" class="TextMayObli"  >
                                        <option value="-1">[--Seleccionar--]</option>
                                        <option value="1">N°</option>
                                        <option value="2">%</option>
                        </select>
                    </td>
                  </tr>
            </table>
        <table width="100%">
                  <tr>
                       <td colspan="2" align="center">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                           
                           


                           <input id="Insertar" name="Insertar" type="button" value="Insertar" onclick="validar()"/><input id="Atras" name="Atras" type="button" value="Regresar" onclick="regresar()"/>

                       </td>
                  </tr>
                </table>
                       <%int i=1;%>
             <table>
                  <tr>
                      <td colspan="2">
                                               <!-- Ini Ingreso del Marco Logico-->
                                                
       
               
                   
                            <div id="divTabla">
                                
                        </div>
            
                       
                      </td>
                  </tr>
                </table>
     </html:form>
</body>
</html>

